@charset "utf-8";
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
fieldset,img {
    border: 0;
}
.content_c img{max-width: 100%;}
input,textarea{outline: none;}
address,caption,cite,code,dfn,em,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:"";
}
abbr,acronym {
    border: 0;
}
a{
	text-decoration: none;
}
img{
	border:none;
	vertical-align: middle;
}
html,body{
	font-family: Microsoft YaHei,arial,sans-serif,tahoma;
	font-size: 14px;
	color: #333;
	min-width: 1200px;
}
.c{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
input,textarea{outline: none;background: none;border:none;}
.cc{width: 1260px;margin-left: auto;
	margin-right: auto;}
.left{float: left;}
.right{float: right;}
a{font-size: 14px;color: #999999;line-height: 25px;}
p{font-size: 14px;color: #333;line-height: 30px;}
span{font-size: 14px;color: #333;}
a:hover{color:#306dd3;}
.clear{clear: both;}
.f9{background: #f8f8f8;width: 100%;}
input::-webkit-input-placeholder{color:#bbbbbb;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#bbbbbb;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#bbbbbb;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#bbbbbb;
}
/* 网站头部 */
.header_top{height: 35px;background: #f9f9f9;}
.header_top .c p em{margin-left: 15px;font-size: 14px;color: #333;}
.header_top .c p span{float: right;}
.header{height: 120px;background: #fff;}
.header .header_mid img{margin-top: 20px;}
.header .header_mid ul{float: right;margin-top: 55px;}
.header .header_mid > ul > li{float: left;width: 115px;height: 65px;text-align: right;position: relative;}
.header .header_mid > ul > li > a{color: #000000;font-size: 16px;padding:18px 15px 38px 15px;border-top-left-radius: 5px;;border-top-right-radius: 5px;}
.header .header_mid > ul > li:hover > a,.header .header_mid > ul > li.active > a{color: #fff;background: #2a87c5;}
.header .header_mid > ul > li > ol{position: absolute;top:65px;left:5px;width: 160px;z-index: 9;display: none;}
.header .header_mid > ul > li.show > ol{display: block;}
.header .header_mid > ul > li > ol > li{height: 50px;background: #2a87c5;text-align: center;margin-bottom: 1px;}
.header .header_mid > ul > li > ol > li > a{font-size: 16px;color: #fff;line-height: 50px;}
.header .header_mid > ul > li > ol > li:hover{background: #2a87c5;}
.header .header_mid > ul > li > ol > li:hover > a{color: #fff;}
.header .header_mid > ul > li > ol > li > dl{display:none;position: absolute;top:0px;left:160px;width:540px;height: 510px;
    background: #fff;}

.header .header_mid > ul > li > ol > li > dl div{background: url("/lib/images/ico/hh1.png") no-repeat right center;
    margin-top: 22px;margin-bottom: 20px;}
.header .header_mid > ul > li > ol > li > dl div dt{display: block;width: 180px;height: 36px;line-height: 36px;float: left;}
.header .header_mid > ul > li > ol > li > dl div dt a:hover{color: #2a87c5;text-decoration: #2a87c5 underline;}
.header .header_mid > ul > li > ol > li.active > dl{display: block;}
#top {
    z-index: 2;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    width: 100%;
    position: fixed;
}
.headroom--pinned {
    position: fixed;
    top: 0;
}

.keyword{width: 1200px;margin:0 auto;line-height: 60px;height: 60px;font-size: 14px;}
.keyword_1{float: left;}
.keyword_1 a{color: #666;padding:0 10px;}
.keyword_2{float: left;}
.form_search {
    width: 280px;
    height: 35px;
    float: right;
}
.keyword_2{cursor: pointer;position: relative;top:10px;}
.form_search .in1 {
    height: 35px;
    line-height: 25px;
    color: #666;
    padding-left: 20px;
    vertical-align: middle;
    width: 200px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #eee;
}
.form_search .in2 {
    background: #2a86c5;
    width: 50px;
    height: 35px;
    color: #fff;
    cursor: pointer;
}
/* headroom headroom--pinned headroom--top   headroom headroom--not-top headroom--pinned */
/*.headroom--unpinned{ position:fixed; top:-155px;}*/
.headroom--pinned{ position:fixed; top:0;}
/*.headroom--not-top .header_top{display: none;}*/
/*.headroom--not-top .header{height: 90px;border-bottom: 2px solid #0966da;}*/
/*.headroom--not-top .header .header_mid img{margin-top: 20px;}*/
/*.headroom--not-top .header .header_mid ul{margin-top: 35px;}*/
/*.headroom--not-top .header .header_mid > ul > li > ol{top:55px;}*/




/* 网站产品系列 */
.pro_1{overflow: hidden;padding-top: 25px;}
h3{font-size: 30px;color: #000000;line-height: 136px;text-align: center;}
.pro_1 li{width: 280px;height: 350px;background: #eeeeee;margin-right: 26.6px;float: left;margin-bottom: 30px;}
.pro_1 li:nth-child(4n){margin-right: 0;}
.pro_1 li .pro_a{width: 280px;text-align: center;height: 200px;}
.pro_1 li .pro_a img{width: 280px;height: 200px;}
.pro_1 li .pro_b h5{font-size: 18px;color: #111111;line-height: 45px;text-align: center;}
.pro_1 li .pro_b p{font-size: 16px;color: #666666;padding:0 20px;margin-top: 5px;height: 90px;overflow: hidden;}
.pro_1 li.hover {background: #000;}
.pro_1 li.hover .pro_b h5,.pro_1 li.hover .pro_b p{color: #fff;}


/* 推荐产品 */
.pro_2{width: 100%;background: #f8f8f8;height: 1360px;overflow: hidden;}
.pro_2 .swiper-container{height: 1200px;width: 1200px;overflow: hidden;}
.pro_2 .swiper-slide{position: relative;width: 280px;height:200px;}
.pro_2 .c{position: relative;}
.pro_2 .swiper-slide div{display:none;width: 278px;height: 278px;position: absolute;top:0;background:rgba(0,0,0,0.85);}
.pro_2 .swiper-slide div h5{text-align: center;margin-top: 100px;font-size: 20px;color: #ffffff;}
.pro_2 .swiper-slide div p{margin-top: 30px;text-align: center;padding:0 20px;font-size: 14px;color: #ffffff;}
.pro_2 .swiper-slide:hover div{display: block;}
.pro_2 .swiper-slide > p{font-size: 16px;color: #666;line-height: 30px;}
.pro_2 .swiper-slide > p a{font-size: 18px;color: #111111;line-height: 45px;}
.pro_2 .swiper-button-next{background: url("/lib/images/ico/next.png");right:-5%;width: 40px;height: 40px;top:520px;}
.pro_2 .swiper-button-prev{background: url("/lib/images/ico/prev.png");left:-5%;width: 40px;height: 40px;top:520px;}
.pro_2 .swiper-button-next:hover{background: url("/lib/images/ico/next.png");}
.pro_2 .swiper-button-prev:hover{background: url("/lib/images/ico/prev.png");}
.xing{background: url("/lib/images/xing.png") no-repeat 70px center ;height: 30px;width: 215px;}
.xing_4{width:190px; }
.xing_3{width:160px; }
.xing_2{width:132px; }
.xing_1{width:105px; }
/* 关于我们 */
/*
.about_a{width: 100%;height: 540px;background: #3e3e3e;padding-top: 90px;}
.about_a .left{width: 580px;}
.about_a .left h4{font-size: 24px;color: #ffffff;line-height: 45px;}
.about_a .left hr{width: 42px;background: #fe5900;height: 2px;border:none;float: left;}
.about_a .left p{font-size: 16px;color: #cccccc;line-height: 30px;text-align: justify;margin-top: 20px;}
.about_a .right{width: 570px;}
.about_a .right span{display: block;width: 570px;height: 240px;overflow: hidden;}
.about_a .right span img{width: 570px;height: 240px;-webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;}
.about_a .right span img:hover{ -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.about_a .right h6{font-size: 16px;color: #ffffff;line-height: 55px;}
.about_a .right hr{width: 42px;background: #fe5900;height: 2px;border:none;float: left;}
.about_a .right p{font-size: 16px;color: #cccccc;line-height: 30px;text-align: justify;margin-top: 20px;}
.about_a .right a{font-size: 16px;color: #fe5900;line-height: 30px;float: right;}
.transition {
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.about_a li{ float: left; width: 50%; color: #FFFFFF;}
.about_a .left li p{color: #FFFFFF; margin-top: 40px;height: 63px;}
.about_a li p span{display: inline-block;width: 65px;height: 63px;background: #5f5f5f;text-align: center;line-height: 63px;border-radius: 5px;}
.about_a li:hover p span{background: #fe5900;}
.about_a li p em{margin-left: 22px;font-size: 18px;color: #cccccc;}
.about_a li img{vertical-align: middle;}

 .about_a li:hover img{
    -webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
}
@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%, 20%{-webkit-transform:scale(0.8) rotate(10deg);}
    30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(-10deg);}
    40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(10deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
    10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}}*/
/* 关于我们 */
.pro_b .ys_1 h4{font-size: 24px;color: #333333;line-height: 72px;border-bottom: 1px solid #eee;width: 630px;margin-top: -30px;}
.pro_b > .left{width: 630px;height: 300px;overflow: hidden;}
.pro_b > .left p{line-height: 36px;margin-top: 20px;font-size: 16px;}
.pro_b > .right{width: 520px;height: 300px;overflow: hidden;}
.pro_b > h5{clear: both;line-height: 60px;font-size: 20px;}
.pro_b > h5 span{font-size: 20px;color: #666666;cursor: pointer;}
.pro_b > h5 span.active{color: #0993ec;}
.pro_b ul li{float: left;margin-right: 20px;}
.pro_b ul li > a{border:1px solid #ddd;border-radius: 5px;padding:5px;display: inline-block;}
.pro_b ul li img{width: 258px;height: 188px;}


#wrap{
    width: 1200px;
    height: 230px;
    position: relative;
    overflow: hidden;
}
.list{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    -webkit-animation: 20s move infinite linear;
    width: 200%;
}
.list li {
    width: 270px;
    height: 230px;
}
.list li p{text-align: center;}
@-webkit-keyframes move{
    0% {
        left: 0;
    }
    100% {
        left: -1200px;
    }
}
@keyframes move {
    0% {
        left: 0;
    }
    100% {
        left: -1200px;
    }
}
#wrap:hover .list {
    -webkit-animation-play-state: paused; /*动画暂停播放*/
}

/* 客户见证 */
.case_a{width: 100%;height: 532px;background: url("/lib/images/k0.jpg") no-repeat center;overflow: hidden;padding-top: 170px;}
.case_a > .c > .left{width: 855px;height: 475px;background: #fff;padding-left: 15px;}
.case_a > .c > .left > h3{font-size: 24px;color: #111111;line-height: 60px;margin-bottom: 20px;}
.case_a > .c > .left > .left1{height: 205px;}
.case_a > .c > .left > .left1 > .left img{}
.case_a > .c > .left > .left1 > .right{width: 515px;height: 175px;margin-right: 80px;}
.case_a > .c > .left > .left1 > .right h5{color: #333333;font-size: 18px;line-height: 50px;}
.case_a > .c > .left > .left1 > .right p{line-height: 36px;}
.case_a > .c > .left > .left1 > .right p span{float: right;font-size: 16px;}
.case_a > .c > .right{width: 320px;height: 473px;background: url("/lib/images/r0.png") no-repeat center;}
.case_a > .c > .right > h3{font-size: 24px;color: #fff;line-height: 60px;margin-bottom: 20px;margin-left: 20px;}
.case_a > .c > .right p{color: #fff;text-align: center;line-height: 80px;}
.case_a > .c > .right .swiper-button-prev, .case_a > .c > .right .swiper-button-next{width: 12px;height: 21px;margin-top: -50px;}
.case_a > .c > .right .swiper-button-prev{background: url("/lib/images/prev.png");left:10%;}
.case_a > .c > .right .swiper-button-next{background: url("/lib/images/next.png");right:10%;}

/* 新闻资讯 */
/* 新闻 */
.ys_1 h2 {
    font-size: 36px;
    text-align: center;
    line-height: 40px;
    color: #000000;
    font-weight: bold;
    padding-top: 40px;
    margin-top: 35px;
    font-family: '思源黑体 CN Light';
}
.news ul{float: left;margin-right: 45px;margin-top: 55px;height: 455px;background: #eeeeee;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.news ul:nth-child(4){margin-right: 0;}
.news h4{width: 370px;height: 90px;text-align: center;padding-top: 50px;margin-bottom: 25px;}
.news h4 span{font-size: 24px;color: #fff;line-height: 36px;border-bottom: 3px solid #fff;padding-bottom: 10px;margin-top: 30px;}
.news .news_1 h4{background: url("/lib/images/ns1.jpg") no-repeat center;}
.news .news_2 h4{background: url("/lib/images/ns2.jpg") no-repeat center;}
.news .news_3 h4{background: url("/lib/images/ns3.jpg") no-repeat center;}
.news ul li{background: url("/lib/images/ico/n1.png") no-repeat 5px 17px;padding-left: 20px;}
.news ul li:hover{background: url("/lib/images/ico/n2.png") no-repeat 5px 17px;}
.news ul li a{line-height:42px;font-size: 16px;color: #666666; }
.news ul li a:hover{color: #f02a34;}


/*
.news_a{height: 540px;position: relative;}
.news_a .swiper-slide{width: 278px;}
.news_a .swiper-slide a{}
.news_a .swiper-slide h5{font-size: 18px;color: #111111;line-height: 50px;}
.news_a .swiper-slide p{font-size: 16px;color: #666666;}
.news_a .swiper-slide:hover h5{color: #fe5900;}
.news_a .swiper-slide a.img{display: block;width: 278px;height: 200px;overflow: hidden;}
.news_a .swiper-slide a img{transition: transform 0.3s;}
.news_a .swiper-slide:hover img{transform: scale(1.1)}
.news_a .swiper-button-next{background: url("/lib/images/ne.png");right:-8%;width: 34px;height: 63px;top:330px;}
.news_a .swiper-button-prev{background: url("/lib/images/pr.png");left:-8%;width: 34px;height: 63px;top:330px;}
.news_a .swiper-button-next:hover{background: url("/lib/images/ne.png");}
.news_a .swiper-button-prev:hover{background: url("/lib/images/pr.png");} */
/* 友情链接 */
.link{margin-top: 60px;margin-bottom: 20px;}
.link p,.link p a{font-size: 14px;color: #666;}
.link p span{padding:0 10px;}
.link p a:hover{color: #ff2626;}
    /* 底部 */
.foot{width: 100%;height: 420px;padding-top: 40px;background: #232323;position: relative;}
.foot hr{width: 40px;height: 2px;background: #ff2626;border:none;float: left;}
.foot .left1,.foot .left2{float: left;width: 320px;}
.foot h4{font-size: 20px;color: #fefeff;line-height: 60px;}
.foot .left1 p{font-size: 16px;color: #ffffff;margin-top: 28px;opacity: 0.6;}
.foot .left2{margin-left: 30px;}
.foot .left3{margin-left: 10px;width: 320px;float: left;}
.foot .left2 ul{float: left;width: 85px;margin-top: 12px;}

.foot .left2 ul h5 a{font-size: 16px;color: #ffffff;line-height: 30px;}
.foot .left2 ul li a{font-size: 16px;color: #fefefe;line-height: 30px;opacity: 0.6;}
.foot .left3 .con_f{background: url("/lib/images/bot.png") no-repeat left center;width: 320px;height: 150px;margin-top: 28px;padding-left: 25px;}
.foot .left3 .con_f p{font-size: 16px;color: #fefefe;line-height: 30px;opacity: 0.6;}
.foot .right .clear{margin-top: 28px;}


.foot .left{float: left;width: 650px;height: 212px;}
.foot .left ul{float: left;margin-right: 40px;min-width: 80px;}
.foot .left ul h5{font-size: 14px;color: #fff;background: url("/lib/images/ico/m.png") no-repeat left bottom;height: 32px;margin-bottom: 10px;}
.foot .left li a{font-size: 14px;color: #9b9b9b;line-height: 36px;}

.foot .foot_b{height: 70px;text-align: center;line-height: 70px;font-size: 16px;color: #ffffff;background: #232323;
position: absolute;bottom: 0;width: 100%;}
.foot .foot_b a{font-size: 16px;color: #ffffff;}

/* 在线留言 */
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 207px;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}
.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}


.yb_bar .yb_QQ {
    text-indent: 0;
    background: #2a86c5 url(/lib/img/fixCont.png) no-repeat 0 -171px;
}
.yb_bar .yb_QQ_a {
    text-indent: 0;
    background: #2a86c5 url(/lib/img/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_phone {
    background: #2a86c5 url(/lib/img/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_mobile {
    background: #2a86c5 url(/lib/img/fixCont.png) no-repeat 0 -114px;
}
.yb_bar .yb_ercode {
    /*height:200px;*/
    background: #2a86c5 url(/lib/img/fixCont.png) no-repeat 0 -228px;
}
.yb_bar .yb_top {
    background: #2a86c5 url(/lib/img/fixCont.png) no-repeat 0 0;
}

.hd_qr {
    padding: 0 29px 25px 29px;
}
.yb_QQ a,.yb_QQ_a a {
    display: block;
    font-size: 16px;
    line-height: 54px;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}